<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-物流订单执行跟踪</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
            <!--一级按钮-->
            <div class="operate-btns">
                <a href="javascript:;" class="fbtn fb-refresh disabled">刷新</a>
            </div>
            <!--end 一级按钮-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">物流订单执行跟踪</a></li>
            </ol>
            <h3 class="current_module">物流订单执行跟踪</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content">
        <div class="main layui-form">
            <div class="wldd-right">
                <div class="wldd-tit">
                    <span class="time fl">2017-01-01  09:26:21</span>
                    <span class="fr">武汉好药仓物流公司<i>武汉物流中心江夏仓</i></span>
                </div>
                <div class="wldd-con">
                    <dl class="fl">
                        <dt>
                            <span class="fl">物流承运公司</span><i></i>
                            <span class="fr">江南南昌商业公司</span>
                        </dt>
                        <dd>

                            <div class="btn_relative fr">
                                <a class="green-button " href="javascript:;">订单明细</a>
                                <div class="details_box">
                                    <div class="fheader" style="margin-bottom: 15px;">
                                        <h4 class="fh-tit fh-wlqk" style="font-weight: bold;">物流订单情况</h4>
                                    </div>
                                    <form class="layui-form" id="commentForm2" method="post" action="/post" novalidate="novalidate">
                                        <div class="row">
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">货主</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="修正药业">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">物流订单号</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="DD000001">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">业务单据号</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="DJ000001">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">起运地</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="北京">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">目的地</span>
                                                    <input type="text" class="form-control" value="武汉市" disabled="" name="lastname">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">单据类型</span>
                                                    <input type="text" class="form-control" value="报损单" disabled="" name="lastname">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">总件数</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="2000件">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">总重量</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="2000kg">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">总体积</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="2000m³">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group ">
                                                    <span class="input-group-addon" id="basic-addon1">完成时间</span>
                                                    <input type="text" class="form-control" disabled="" name="username" value="2017-03-08 12:00:00">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">签收时间</span>
                                                    <input type="text" class="form-control" disabled="" name="username" value="2017-03-08 12:00:00">
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">单据状态</span>
                                                    <input type="text" class="form-control" disabled="" name="username" value="未提交">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 col-lg-4">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">签收人</span>
                                                    <input type="text" class="form-control" value="张大三" disabled="" name="lastname">
                                                </div>
                                            </div>
                                            <div class="col-md-8 col-lg-8">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">收货地址</span>
                                                    <input type="text" class="form-control" placeholder="" name="firstname" disabled="" value="浙江省 杭州市 萧山区 闻堰镇 三江口村委大楼 3楼">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <h2 class="h2_1" style="font-weight: bold;">
                                        共有<span id="id_num">11</span>条物流订单明细
                                    </h2>
                                    <table class="table table-hover table-route table_layout">
                                        <thead>
                                            <tr>
                                                <th style="width: 8%;">序号</th>
                                                <th style="width: 12%;">商品编号</th>
                                                <th style="width: 16%;">商品名称</th>
                                                <th style="width: 8%;">包装</th>
                                                <th style="width: 8%;">数量</th>
                                                <th style="width: 8%;">件数</th>
                                                <th style="width: 10%;">规格</th>
                                                <th style="width: 15%;">批准文号</th>
                                                <th style="width: 15%;">生产厂商</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>01</td>
                                                <td>920</td>
                                                <td>头孢拉定胶囊</td>
                                                <td>100盒</td>
                                                <td>5200</td>
                                                <td>23</td>
                                                <td>0.25gx24s</td>
                                                <td>国药准字H32020984</td>
                                                <td>扬子江药业集团</td>
                                            </tr>
                                            <tr>
                                                <td>02</td>
                                                <td>920</td>
                                                <td>头孢拉定胶囊</td>
                                                <td>100盒</td>
                                                <td>5200</td>
                                                <td>23</td>
                                                <td>0.25gx24s</td>
                                                <td>国药准字H32020984</td>
                                                <td>扬子江药业集团</td>
                                            </tr>
                                            <tr>
                                                <td>03</td>
                                                <td>920</td>
                                                <td>头孢拉定胶囊</td>
                                                <td>100盒</td>
                                                <td>5200</td>
                                                <td>23</td>
                                                <td>0.25gx24s</td>
                                                <td>国药准字H32020984</td>
                                                <td>扬子江药业集团</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="table-page ">
                                        <a href=" ">上一页</a>
                                        <a href=" ">下一页</a>
                                        <span>第<i>1</i>页</span>
                                        <span>共<em>2</em>页</span>
                                    </div>
                                </div>
                            </div>
                            <div class="wldd-dd">
                                <p class="clearfix">
                                    <span>物流单号<br>CKD0101010102</span>
                                    <span>业务单号<br>WL010101010101</span>
                                </p>
                                <p class="clearfix">
                                    <span>2个品规</span>
                                    <span>1530 件</span>
                                    <span>42.228 m³ </span>
                                    <span>22950 kg</span>
                                </p>
                            </div>
                        </dd>
                    </dl>
                    <div class="wldd-con-state">
                        <span class="wldd-con-to">状态<br>物流派单中</span>
                    </div>
                    <ul class="fr">
                        <li>
                            <b>物流承运公司</b>
                            <p>武汉路路顺运输公司</p>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="tab_box">
                <ul>
                    <li class="li0 active">
                        <b>货主</b>
                        <a href="javascript:;" class="sp1">制订物流订单<i>▶</i></a>
                        <a href="javascript:;" class="">下发物流订单</a>
                    </li>
                    <li class="li1">
                        <b>物流企业</b>
                        <a href="javascript:;" class="sp1">物流集单<i>▶</i></a>
                        <a href="javascript:;">物流订单调度<i>▶</i></a>
                        <a href="javascript:;">物流派单</a>
                    </li>
                    <li class="">
                        <em></em>
                        <div>
                            <b>仓储商</b>
                            <a href="javascript:;" class="sp1">受理物流订单<i>▶</i></a>
                            <a href="javascript:;">物流入库作业<i>▶</i></a>
                            <a href="javascript:;">物流出库作业<i>▶</i></a>
                            <a href="javascript:;">物流出库作业<i>▶</i></a>
                            <a href="javascript:;">物流发货交接</a>
                        </div>
                    </li>
                    <li class="">
                        <em></em>
                        <b>承运商</b>
                        <a href="javascript:;" class="sp1">受理物流订单<i>▶</i></a>
                        <a href="javascript:;">提货派车安排<i>▶</i></a>
                        <a href="javascript:;">提货交接<i>▶</i></a>
                        <a href="javascript:;">提货集货<i>▶</i></a>
                        <a href="javascript:;">派车配送</a>
                        <a href="javascript:;" class="span_transit">填报中转物流单号<i>▶</i></a>
                        <a href="javascript:;">到货签收</a>
                    </li>
                    <li class="">
                        <em></em>
                        <b>终端客户</b>
                        <a href="javascript:;" class="sp1">到货签收</a>
                    </li>
                </ul>
            </div>
            <!-- 物流订单执行情况 -->
            <div class="business-info col-md-12">
                <div class="fheader">
                    <h4 class="fh-tit fh-execution">物流订单执行情况</h4>
                    <div class="stretch ml-20">
                        <div class="stretch-push"></div>
                    </div>
                </div>
                <div class="fpart pull1 outwarehouse">
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">物流执行角色</span>
                                <input type="text" disabled class="form-control" placeholder="物流企业" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">下级节点</span>
                                <input type="text" disabled class="form-control" placeholder="仓储商【武汉黄金口物流公司】受理物流订单；承运商【武汉路顺顺物流公司】受理物流订单" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流状态</span>
                                <input type="text" disabled class="form-control" placeholder="物流派单中" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行时间</span>
                                <input type="text" disabled class="form-control" placeholder="2017-01-01  10:32:03" name="firstname">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fpart pull1 outwarehouse" style="display: none;">
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行角色</span>
                                <input type="text" disabled class="form-control" placeholder="物流企业" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">下级节点</span>
                                <input type="text" disabled class="form-control" placeholder="仓储商【武汉黄金口物流公司】受理物流订单；承运商【武汉路顺顺物流公司】受理物流订单" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流状态</span>
                                <input type="text" disabled class="form-control" placeholder="物流派单中" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行时间</span>
                                <input type="text" disabled class="form-control" placeholder="2017-01-01  10:32:03" name="firstname">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fpart pull1 outwarehouse" style="display: none;">
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行角色</span>
                                <input type="text" disabled class="form-control" placeholder="物流企业" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">下级节点</span>
                                <input type="text" disabled class="form-control" placeholder="仓储商【武汉黄金口物流公司】受理物流订单；承运商【武汉路顺顺物流公司】受理物流订单" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流状态</span>
                                <input type="text" disabled class="form-control" placeholder="物流派单中" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行时间</span>
                                <input type="text" disabled class="form-control" placeholder="2017-01-01  10:32:03" name="firstname">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fpart pull1 outwarehouse" style="display: none;">
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行角色</span>
                                <input type="text" disabled class="form-control" placeholder="物流企业" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">下级节点</span>
                                <input type="text" disabled class="form-control" placeholder="仓储商【武汉黄金口物流公司】受理物流订单；承运商【武汉路顺顺物流公司】受理物流订单" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流状态</span>
                                <input type="text" disabled class="form-control" placeholder="物流派单中" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行时间</span>
                                <input type="text" disabled class="form-control" placeholder="2017-01-01  10:32:03" name="firstname">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fpart pull1 outwarehouse" style="display: none;">
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行角色</span>
                                <input type="text" disabled class="form-control" placeholder="物流企业" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行方</span>
                                <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">下级节点</span>
                                <input type="text" disabled class="form-control" placeholder="仓储商【武汉黄金口物流公司】受理物流订单；承运商【武汉路顺顺物流公司】受理物流订单" name="firstname">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流状态</span>
                                <input type="text" disabled class="form-control" placeholder="物流派单中" name="firstname">
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="input-group input-disabled">
                                <span class="input-group-addon" id="basic-addon1">物流执行时间</span>
                                <input type="text" disabled class="form-control" placeholder="2017-01-01  10:32:03" name="firstname">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script>
        // 选项卡
        $('.tab_box li').each(function(index, value) {
            $(value).addClass("li" + index)
        });

        $(".tab_box li").click(function() {
            $(this).addClass('active');
            var index = $(this).index();
            number = index;
            $('.outwarehouse').hide();
            $('.outwarehouse:eq(' + index + ')').show();
        });
    </script>
</body>

</html> number = index; $('.outwarehouse').hide(); $('.outwarehouse:eq(' + index + ')').show(); });
</script>
</body>

</html>